<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<title></title>
<script src="My97DatePicker/WdatePicker.js" type="text/javascript" charset="utf-8"></script>
<script src="../easyui-1.3.5/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
document.ready = function() {
	$("input[name='startDate'").click(function() {
		WdatePicker({
			el: this,
			lang: 'zh-cn',
			dateFmt: 'yyyy-MM-dd HH:mm:ss',
			maxDate: "#F{$dp.$D('endDate') || 'new Date()'}"
		})
	});
	$("input[name='endDate'").click(function() {
		WdatePicker({
			el: this,
			lang: 'zh-cn',
			dateFmt: 'yyyy-MM-dd HH:mm:ss',
			minDate: "#F{$dp.$D('startDate')}",
			maxDate: 'new Date()'
		})
	});
}
</script>
</head>

<body>
选择日期时间
<input type="text" class="Wdate" id='startDate' name="startDate" readonly="true" /> -
<input type="text" class="Wdate" id='endDate' name="endDate" readonly="true" />
</body>

</html>